サンプル・3
★ サンプル・3 ★
1.外枠線の色が赤色のテーブル
(ソース)
<TABLE border="2" bordercolor="#ff0000">
<TR><TD>1行1列め</TD><TD>1行2列め</TD><TD>1行3列め</TD></TR>
<TR><TD>2行1列め</TD><TD>2行2列め</TD><TD>2行3列め</TD></TR>
<TR><TD>3行1列め</TD><TD>3行2列め</TD><TD>3行3列め</TD></TR>
</TABLE> |
(表示例)
1行1列め | 1行2列め | 1行3列め |
2行1列め | 2行2列め | 2行3列め |
3行1列め | 3行2列め | 3行3列め |
2.外枠線の色がスカイブルーのテーブル
上の1のソースの、枠線の太さを10にして、色を変えると
1行1列め | 1行2列め | 1行3列め |
2行1列め | 2行2列め | 2行3列め |
3行1列め | 3行2列め | 3行3列め |
3.陰影の色を変えたテーブル
枠線の明るい部分(上と左)と暗い部分(下と右)の色を別々に設定できます。
明るい部分は、bordercolorlightで、暗い部分はbordercolordarkで指定。
(ソース)
<TABLE border="7" bordercolorlight="#dda0dd" bordercolordark="#800080">
<TR><TD>1行1列め</TD><TD>1行2列め</TD><TD>1行3列め</TD></TR>
<TR><TD>2行1列め</TD><TD>2行2列め</TD><TD>2行3列め</TD></TR>
<TR><TD>3行1列め</TD><TD>3行2列め</TD><TD>3行3列め</TD></TR>
</TABLE> |
(表示例)
1行1列め | 1行2列め | 1行3列め |
2行1列め | 2行2列め | 2行3列め |
3行1列め | 3行2列め | 3行3列め |